@import "./_minxin.scss";
// 通栏
.info_list{
    // 版心
    .info_list_banxin{
        @include banxin;
        position: relative;
    }
    // 销量标题
    .info_list_top{
        display: flex;
        align-items: center;
        padding: 30px 0;
        font-size: 20px;
    }
    // 列表、商品盒子
    .info_list_column{
        width: 100%;
        background: #f3f9fb;
        margin: 0 auto;
        // 左侧列表
        .info_list_bet{
            display: flex;
            padding-top: 24px ;
            .info_list_bet-left{
                display: flex;
                flex-direction:column;
                
                // 每个的 排行版
                .item{
                    padding: 15px 10px;
                    width: 150px;
                    text-align: center;
                    color: #303133;
                    margin-bottom: 22px;
                    border-radius: 25px;
                    cursor: pointer;
                }
                .item_xs{
                    background-color: #00a0e9;
                }
            }
            // 右侧商品部分
            .info_list_bet_rig{
                position: absolute;
                width: 1030px;
                left: 170px;
                flex: 1;
                height: 510px;
                display: flex;
                justify-content: space-around;
                flex-direction: row;
                .list_box{
                    width: 273px;
                    height: 400px;
                    // background-color: red;
                    cursor: pointer;
                    // 皇冠图片
                    .list_box_top{
                        height: 30px;
                        width: 100%;
                        position: relative;
                        img{
                            display: block;
                            width: 47px;
                            margin: 0 auto;
                        }
                    }
                    .list_box_info{

                        display: flex;
                        height: 372px;
                        flex-direction: column;
                        justify-content: space-between;
                        align-items: center;
                        background: url("https://www.flyco.com/webpack/20210518163812679/img/salestopBg1.9647a6d0.png");
                        background-color: white;
                        border-radius: 15px;
                        .list_box_head{
                            width: 100%;
                            height: 59px;
                            font-size: 24px;
                            color: #fff;
                            line-height: 59px;
                            box-sizing: border-box;
                            padding: 0 25px;
                        }
                        
                        // 商品图片
                        .list_box_pic{
                            width: 210px;
                            height: 210px;
                            background-color: white;
                            img{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        // 商品描述
                        .list_box_dcb{
                            width: 100%;
                            height: 80px;
                            // margin-top: 20px;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            // 商品名
                            h3{
                                font-size: 16px;
                                line-height: 24px;
                                color: #fff;
                            }
                            // 商品介绍
                            strong{
                                font-size: 14px;
                                color: #fff;
                                font-weight: 400;
                                margin-top: 10px;
                                text-align: center;
                                padding: 0 3px;
                            }
                        }
                    }

                }
                // top 2 位置
                .list_box2{
                    margin-top: 80px;
                    
                    .list_box_info{
                        background: url("https://www.flyco.com/webpack/20210518163812679/img/salestopBg2.315c3563.png");
                        background-color: white;
                    }
                }
                // top 3 位置
                .list_box3{
                    margin-top: 105px;
                    .list_box_info{
                        background: url("https://www.flyco.com/webpack/20210518163812679/img/salestopBg3.9e13be92.png");
                        background-color: white;
                    }
                }
            }
            .info_list_bet_rig_xs{
               z-index: 20;
            }
        }
    }
    
}
